<?php
/*
Template Name: Página de Tutoriais
*/
?>


<?php include 'header-secundaria.php'; ?>	
			
					
<ul id="breadcrumb"><?php the_breadcrumb(); ?></ul>
			
			<div id="detalhes-secundaria" class="page-<?php the_ID(); ?>">
				<img title="<?php the_title(); ?>" width="220" height="146" src="<?php the_field('imagem_do_topo'); ?>">
                <h1><?php the_title(); ?></h1>
                
				<?php if ( have_posts() ) while ( have_posts() ) : the_post();
				the_content();
				endwhile; // end of the loop. ?>
				
				
			</div>

			<div id="content">
				<h1 id="item1"><?php the_field('subtopico_1'); ?></h1>
				<div id="texto">
					<?php the_field('texto_do_subtopico_1'); ?>
				</div>
				
			<?php
			          
					if(get_field('mais_2')){
					
					$titulo = get_field('subtopico_2', $post->ID);
					$texto = get_field('texto_do_subtopico_2', $post->ID);
						echo "<h1 id='item2'> $titulo </h1>";
						echo "<div id='texto'> $texto </div>";
					}
					else {
						echo "";
					}
					
					if(get_field('mais_3')){
					
					$titulo = get_field('subtopico_3', $post->ID);
					$texto = get_field('texto_do_subtopico_3', $post->ID);
						echo "<h1 id='item3'> $titulo </h1>";
						echo "<div id='texto'> $texto </div>";
					}
					else {
						echo "";
					}
							
					if(get_field('mais_4')){
					
					$titulo = get_field('subtopico_4', $post->ID);
					$texto = get_field('texto_do_subtopico_4', $post->ID);
						echo "<h1 id='item4'> $titulo </h1>";
						echo "<div id='texto'> $texto </div>";
					}
					else {
						echo "";
					}
							
					if(get_field('mais_5')){
					
					$titulo = get_field('subtopico_5', $post->ID);
					$texto = get_field('texto_do_subtopico_5', $post->ID);
						echo "<h1 id='item5'> $titulo </h1>";
						echo "<div id='texto'> $texto </div>";
					}
					else {
						echo "";
					}
							
					if(get_field('mais_6')){
					
					$titulo = get_field('subtopico_6', $post->ID);
					$texto = get_field('texto_do_subtopico_6', $post->ID);
						echo "<h1 id='item6'> $titulo </h1>";
						echo "<div id='texto'> $texto </div>";
					}
					else {
						echo "";
					}
					
					if(get_field('mais_7')){
					
					$titulo = get_field('subtopico_7', $post->ID);
					$texto = get_field('texto_do_subtopico_7', $post->ID);
						echo "<h1 id='item7'> $titulo </h1>";
						echo "<div id='texto'> $texto </div>";
					}
					else {
						echo "";
					}
					
					if(get_field('mais_8')){
					
					$titulo = get_field('subtopico_8', $post->ID);
					$texto = get_field('texto_do_subtopico_8', $post->ID);
						echo "<h1 id='item8'> $titulo </h1>";
						echo "<div id='texto'> $texto </div>";
					}
					else {
						echo "";
					}
							
					if(get_field('mais_9')){
					
					$titulo = get_field('subtopico_9', $post->ID);
					$texto = get_field('texto_do_subtopico_9', $post->ID);
						echo "<h1 id='item9'> $titulo </h1>";
						echo "<div id='texto'> $texto </div>";
					}
					else {
						echo "";
					}
							
					if(get_field('mais_10')){
					
					$titulo = get_field('subtopico_10', $post->ID);
					$texto = get_field('texto_do_subtopico_10', $post->ID);
						echo "<h1 id='item10'> $titulo </h1>";
						echo "<div id='texto'> $texto </div>";
					}
					else {
						echo "";
					}
					
					if(get_field('mais_11')){
					
					$titulo = get_field('subtopico_11', $post->ID);
					$texto = get_field('texto_do_subtopico_11', $post->ID);
						echo "<h1 id='item11'> $titulo </h1>";
						echo "<div id='texto'> $texto </div>";
					}
					else {
						echo "";
					}
							
			
			?>
			
		
            <?php if(get_field('mais_questao1')){ ?>
					
				<div id="bg-titulo-exercicio"></div>
                <div id="exercicios">
                	
					<div id="wrapper-exercicios">
						
						<div id="pergunta-1" class="perguntas">		
							<p><?php the_field('pergunta_1'); ?></p>
							
							<ul id="opcoes-exercicios1" class="opcoes">
								<li id="bth1"><?php the_field('resposta_1-1'); ?></li>
								<li id="rft1"><?php the_field('resposta_1-2'); ?></li>
								<li id="ytg1"><?php the_field('resposta_1-3'); ?></li>
								<li id="dft1"><?php the_field('resposta_1-4'); ?></li>
							</ul>
						
							<div id="verificar-resposta1" class="verificar"> 
							</div>
							   
								<div id="resposta-confirmada" class="confirmada">
									<div id="acertou1" class="acerto">
										<?php the_field('feedback_certo_1'); ?>
										<div class="proxima-resposta" id="proxima1"></div>
										<div class="voltar" id="voltar1"><p>Parabéns, você concluiu o exercício.</p></div>
									</div>
									<div id="errou1" class="erro"><?php the_field('feedback_errado_1'); ?></div>
								</div>	
								
						</div>
						
						<?php if(get_field('mais_questao2')){ ?>

											
						<div id="pergunta-2" class="perguntas">		
							<p><?php the_field('pergunta_2'); ?></p>
							
							<ul id="opcoes-exercicios2" class="opcoes">
								<li id="bth2"><?php the_field('resposta_2-1'); ?></li>
								<li id="rft2"><?php the_field('resposta_2-2'); ?></li>
								<li id="ytg2"><?php the_field('resposta_2-3'); ?></li>
								<li id="dft2"><?php the_field('resposta_2-4'); ?></li>
							</ul>
						
							<div id="verificar-resposta2" class="verificar"> 
							</div>
							   
								<div id="resposta-confirmada" class="confirmada">
									<div id="acertou2" class="acerto">
										<?php the_field('feedback_certo_2'); ?>
										<div class="proxima-resposta"  id="proxima2"></div>
										<div class="voltar" id="voltar2"><p>Parabéns, você concluiu o exercício.</p></div>
									</div>
									<div id="errou2" class="erro"><?php the_field('feedback_errado_2'); ?></div>
								</div>	
								
						</div>
						
						<?php
						}
						else {
							echo "";
						} 
						?>
						
						<?php if(get_field('mais_questao3')){ ?>

											
						<div id="pergunta-3" class="perguntas">		
							<p><?php the_field('pergunta_3'); ?></p>
							
							<ul id="opcoes-exercicios3" class="opcoes">
								<li id="bth3"><?php the_field('resposta_3-1'); ?></li>
								<li id="rft3"><?php the_field('resposta_3-2'); ?></li>
								<li id="ytg3"><?php the_field('resposta_3-3'); ?></li>
								<li id="dft3"><?php the_field('resposta_3-4'); ?></li>
							</ul>
						
							<div id="verificar-resposta3" class="verificar"> 
							</div>
							   
								<div id="resposta-confirmada" class="confirmada">
									<div id="acertou3" class="acerto">
										<?php the_field('feedback_certo_3'); ?>
										<div class="proxima-resposta"  id="proxima3"></div>
										<div class="voltar" id="voltar3"><p>Parabéns, você concluiu o exercício.</p></div>
									</div>
									<div id="errou3" class="erro"><?php the_field('feedback_errado_3'); ?></div>
								</div>	
								
						</div>
						
						<?php
						}
						else {
							echo "";
						} 
						?>
						
						<?php if(get_field('mais_questao4')){ ?>

											
						<div id="pergunta-4" class="perguntas">		
							<p><?php the_field('pergunta_4'); ?></p>
							
							<ul id="opcoes-exercicios4" class="opcoes">
								<li id="bth4"><?php the_field('resposta_4-1'); ?></li>
								<li id="rft4"><?php the_field('resposta_4-2'); ?></li>
								<li id="ytg4"><?php the_field('resposta_4-3'); ?></li>
								<li id="dft4"><?php the_field('resposta_4-4'); ?></li>
							</ul>
						
							<div id="verificar-resposta4" class="verificar"> 
							</div>
							   
								<div id="resposta-confirmada" class="confirmada">
									<div id="acertou4" class="acerto">
										<?php the_field('feedback_certo_4'); ?>
										<div class="proxima-resposta"  id="proxima4"></div>
										<div class="voltar" id="voltar4"><p>Parabéns, você concluiu o exercício.</p></div>
									</div>
									<div id="errou4" class="erro"><?php the_field('feedback_errado_4'); ?></div>
								</div>	
								
						</div>
						
						<?php
						}
						else {
							echo "";
						} 
						?>
						
						
						<?php if(get_field('mais_questao5')){ ?>

											
						<div id="pergunta-5" class="perguntas">		
							<p><?php the_field('pergunta_5'); ?></p>
							
							<ul id="opcoes-exercicios5" class="opcoes">
								<li id="bth5"><?php the_field('resposta_5-1'); ?></li>
								<li id="rft5"><?php the_field('resposta_5-2'); ?></li>
								<li id="ytg5"><?php the_field('resposta_5-3'); ?></li>
								<li id="dft5"><?php the_field('resposta_5-4'); ?></li>
							</ul>
						
							<div id="verificar-resposta5" class="verificar"> 
							</div>
							   
								<div id="resposta-confirmada" class="confirmada">
									<div id="acertou5" class="acerto">
										<?php the_field('feedback_certo_5'); ?>
										<div class="voltar" id="voltar5"><p>Parabéns, você concluiu o exercício.</p></div>
									</div>
									<div id="errou5" class="erro"><?php the_field('feedback_errado_5'); ?></div>
								</div>	
								
						</div>
						
						<?php
						}
						else {
							echo "";
						} 
						?>
						
					</div>    <!-- fim do wrapper-exercicios -->
				</div>    <!-- fim dos exercicios -->
			
			<?php
			}
			else {
				echo "";
			} 
			?>
				
			</div> <!-- fim do content -->
			
			
			<div id="menu-interno-container">
				<ul id="menu-interno" class="grid_2">
					<li class="grid_2"><h1>Sequência Didática</h1>
					</li>
					<li class="grid_2"><p><a href="#item1" title="<?php the_field('subtopico_1'); ?>"><?php the_field('subtopico_1'); ?></a></p>
					</li>
					
					<?php 
							if(get_field('mais_2')){
					
							$titulo = get_field('subtopico_2', $post->ID);
								echo "<li class='grid_2'><p><a href='#item2' title='$titulo'> $titulo</a></p></li>";
							}
							else {
								echo "";
							}
					?>					
					<?php 
							if(get_field('mais_3')){
					
							$titulo = get_field('subtopico_3', $post->ID);
								echo "<li class='grid_2'><p><a href='#item3' title='$titulo'> $titulo</a></p></li>";
							}
							else {
								echo "";
							}
					?>			
					<?php 
							if(get_field('mais_4')){
					
							$titulo = get_field('subtopico_4', $post->ID);
								echo "<li class='grid_2'><p><a href='#item4' title='$titulo'> $titulo</a></p></li>";
							}
							else {
								echo "";
							}
					?>	
					<?php 
							if(get_field('mais_5')){
					
							$titulo = get_field('subtopico_5', $post->ID);
								echo "<li class='grid_2'><p><a href='#item5' title='$titulo'> $titulo</a></p></li>";
							}
							else {
								echo "";
							}
					?>
					<?php 
							if(get_field('mais_6')){
					
							$titulo = get_field('subtopico_6', $post->ID);
								echo "<li class='grid_2'><p><a href='#item6' title='$titulo'> $titulo</a></p></li>";
							}
							else {
								echo "";
							}
					?>
					<?php 
							if(get_field('mais_7')){
					
							$titulo = get_field('subtopico_7', $post->ID);
								echo "<li class='grid_2'><p><a href='#item7' title='$titulo'> $titulo</a></p></li>";
							}
							else {
								echo "";
							}
					?>
					<?php 
							if(get_field('mais_8')){
					
							$titulo = get_field('subtopico_8', $post->ID);
								echo "<li class='grid_2'><p><a href='#item8' title='$titulo'> $titulo</a></p></li>";
							}
							else {
								echo "";
							}
					?>
					<?php 
							if(get_field('mais_9')){
					
							$titulo = get_field('subtopico_9', $post->ID);
								echo "<li class='grid_2'><p><a href='#item9' title='$titulo'> $titulo</a></p></li>";
							}
							else {
								echo "";
							}
					?>
					<?php 
							if(get_field('mais_10')){
					
							$titulo = get_field('subtopico_10', $post->ID);
								echo "<li class='grid_2'><p><a href='#item10' title='$titulo'> $titulo</a></p></li>";
							}
							else {
								echo "";
							}
					?>

					<?php 
							if(get_field('mais_11')){
					
							$titulo = get_field('subtopico_11', $post->ID);
								echo "<li class='grid_2'><p><a href='#item11' title='$titulo'> $titulo</a></p></li>";
							}
							else {
								echo "";
							}
					?>
					<?php 
							if(get_field('mais_questao1')){
								echo "<li class='grid_2'><p><a href='#exercicios' title='Exercícios'>Exercícios</a></p></li>";
							}
							else {
								echo "";
							}
					?>
				</ul>
			</div> <!-- fim do menu-interno -->
			
		<div class="clear"></div>
			
	<?php get_footer(); ?>		